import Vue from 'vue'
import Router from 'vue-router'
import routes from './routers'
import store from '@/store'
import iView from 'iview'
import { setToken, getToken, canTurnTo, setTitle } from '@/libs/util'
import config from '@/config'
const {
	homeName
} = config

Vue.use(Router)
const router = new Router({
	routes,
	mode: 'history'
})
const LOGIN_PAGE_NAME = 'login'

const turnTo = (to, access, next) => {
	if(canTurnTo(to.name, access, routes)) next() // 有权限，可访问
	else next({
		replace: true,
		name: 'error_401'
	}) // 无权限，重定向到401页面
}

router.beforeEach((to, from, next) => {
	iView.LoadingBar.start()
	const token = getToken()
	/*权限判断,如果不得权限就跳首页*/
	if(!token && to.name !== LOGIN_PAGE_NAME) {
		// 未登录且要跳转的页面不是登录页
		next({
			name: LOGIN_PAGE_NAME // 跳转到登录页
		})
	} else if(!token && to.name === LOGIN_PAGE_NAME) {
		// 未登陆且要跳转的页面是登录页
		next() // 跳转
	} else if(token && to.name === LOGIN_PAGE_NAME) {
		// 已登录且要跳转的页面是登录页
		next({
			name: 'toolSupervise' // 跳转到homeName页
		})
	} else {
		if(store.state.user.hasGetInfo) {
			turnTo(to, store.state.user.access, next)
		} else {
			next();
			return;
			//任何借口都重新获取身份数据，解决刷新vuex数据消失问题的关键
			store.dispatch('getUserInfo').then(user => {
				// 拉取用户信息，通过用户权限和跳转的页面的name来判断是否有权限访问;access必须是一个数组，如：['super_admin'] ['super_admin', 'admin']
				turnTo(to, user.access, next)
			}).catch(() => {
				setToken('')
				next({
					name: 'login'
				})
			})
		}
	}
})

router.afterEach(to => {
	setTitle(to, router.app)
	iView.LoadingBar.finish()
	window.scrollTo(0, 0)
})

export default router